div.jv-slider {height: 30px; background:url(../images/border-slider.jpg) no-repeat top right; padding:0 22px 0 20px; font-weight: bold; float:left; height:88px  }
div.jv-slider span {padding-top: 60px; background-position: 50% 15px; background-repeat:no-repeat; display:block; text-transform:uppercase; font-weight:normal;}
div.active {background:url(../images/bg-slider-hover.jpg) repeat-x top left; color:#fff;}
div.hidden {display: none;}
div.jv-slider-content .active {color:#fff; font-weight: bold}
.list {clear: both;}
/*.paramlist span {padding: 0 2px;}*/

div.jvlogo{ background:url(../images/JV-logo.jpg) no-repeat top left; height:88px; float:left; width:128px;}
span.global{background-image:url(../images/icon-global.png);}
span.layoutsetting{background-image:url(../images/icon-setting.png);}
span.menusystem{background-image:url(../images/icon-system.png);}
span.gfont{background-image:url(../images/icon-font.png);}
span.mobile{background-image:url(../images/icon-mobile.png);}
span.theme_edit{background-image:url(../images/theme_edit.png);}

.paramrow label {float: left; display: block; font-size: 12px; font-weight: bolder; min-width: 200px; height: 20px; line-height:20px; text-align:right; margin-right:10px}
.text-input {width: 200px; height:20px; line-height:20px; text-indent: 2px;}
.text_area, select {width: 200px;}

div.paramrow {padding: 5px; text-align:left }
div.jv-slider-content-sub {border: 1px solid #CCC; margin:10px; width:50%; float:left; border-top:3px solid #ccc; text-align:center;padding:10px 0 30px 0; background:#fff}
div.jv-slider-content-sub1 {width: auto !important; float: none; background: none; border: none !important;}
div.jv-slider-content-sub1 .layoutmanager {width:70%; float:left;}
.themeEditor div.editor .inner, div.jv-slider-content-sub1 .layoutmanager .list { border: 1px solid #CCC; margin-right:10px; margin-top:10px;   border-top:3px solid #ccc; text-align:center; background:#fff}
div.jv-slider-content-sub1 .layouttype { float: right; width: 30%;}
.layouttype .paramrow label, .layouttype .paramrow .inputbox, .layouttype .paramrow .text_area {text-align: left; width: 100% !important;}
.layouttype .paramrow .text_area {height: 400px !important;} 
span.tl{ background:url(../images/bg-tl.png) no-repeat top left; height:10px; width:10px; position:absolute; top:0; left:0}
span.tr{ background:url(../images/bg-tl.png) no-repeat top right; height:10px; width:10px; position:absolute; top:0; right:0}

#adminForm { background: #024A79; padding: 10px;}

.paramlist-sub, .paramlist-sub1, .paramlist-sub2, .paramlist-sub3, .paramlist-sub4 { background:#ececec}
.slider-parents{ background:url(../images/bg-slider.jpg) repeat-x top left; height:88px; float:left; width:100%; position:relative }

.jv-slider-sub span, .jv-slider-sub1 span, .jv-slider-sub2 span, .jv-slider-sub3 span, .jv-slider-sub4 span
{  padding-left:10px; height:22px; line-height:22px; float:left}
.jv-slider-sub span span, .jv-slider-sub1 span span, .jv-slider-sub2 span span, .jv-slider-sub3 span span, .jv-slider-sub4 span span
{padding:0 10px 0 0; display:block }
.jv-slider-sub span span span, .jv-slider-sub1 span span span, .jv-slider-sub2 span span span, .jv-slider-sub3 span span span, .jv-slider-sub4 span span span
{ padding:0 5px; display:block; color:#fff;}


.jv-slider-sub.active span, .jv-slider-sub1.active span, .jv-slider-sub2.active span, .jv-slider-sub3.active span, .jv-slider-sub4.active span
{ background:url(../images/bg-submenu-l.png) no-repeat top left;}
.jv-slider-sub.active span span, .jv-slider-sub1.active span span, .jv-slider-sub2.active span span, .jv-slider-sub3.active span span, .jv-slider-sub4.active span span
{background:url(../images/bg-submenu-r.png) no-repeat top right;  }
.jv-slider-sub.active span span span, .jv-slider-sub1.active span span span, .jv-slider-sub2.active span span span, .jv-slider-sub3.active span span span, .jv-slider-sub4.active span span span
{background:url(../images/submenu-hover.png) repeat-x top left;}


.hidden {display:none !important;}

.box-inner {border:2px solid #FFF; overflow:hidden;}
.box-inner:hover {border:2px solid #ff6565;}

.dd-position .jv-module, .dd-position-selector .jv-module {background:#018DB0 !important;}
.paramlist_value table {width: 100%;}
.jv-slider {cursor:pointer;}
.jv-slider-content .slider{ clear:both; height:34px; background:url(../images/bg-submenu.png) repeat-x top left; padding-left:10px; cursor:pointer}
.slider div {float:left; padding:5px 0}
.slider div.active {background: url(../images/bg-submenu.png) repeat-x top left;}
.jv-separator{color: #666;}
.width-50 {width: 100% !important;}
/*.draghover .position-handler {color:red !important;}*/
.draghover div,.draghover p, .draghover span{color:transparent !important; background:transparent !important; visibility:hidden}
.draghover {background:#E1E1E1 !important;}
#layout-tool {padding: 10px;}

/*------LAYOUT---------------------------------------------------------------------------------------*/

#layout {border:2px solid #b7b7b7; padding:10px; font-size:11px;}
#layout p {margin:0;}

.group {border:1px dashed #b7b7b7; padding:0px; margin-bottom:10px;}

.group > p {background: #e1e1e1; text-transform:capitalize; padding:3px 5px; color:#999; position:relative; }

.module {background-color:#cee0e9; padding:3px 5px;}

.position-handler {background:#4A8EAE; color:#FFFFFF; line-height:20px; margin:0; padding:0 5px; text-transform:uppercase; display: block; cursor: move; position:relative; font-size:10px;}

.modulebox.block .box {float:left; margin:0;}
.modulebox.block .box > p {margin:5px 5px 0!important; position:relative;}
.modulebox.block .box .module {margin:0 5px 5px; overflow:hidden;}

#maincontent {float:right;}

.group-handler {background: #e1e1e1; font-size:11px; text-transform:capitalize; padding:3px 5px; margin:0; color:#999; position:relative; font-weight:normal;}
#layout div.group > p  span.toolbox, .block span.toolbox, .position-handler span.toolbox {display:none;position:absolute; z-index: 10; right: 5px; top:5px; }
#layout div.group > p  span.toolbox a, .block span.toolbox a,.position-handler span.toolbox a {text-indent:-999999px; display:block; float:left; outline:none;}
#layout div.group > p:hover .toolbox, .block p:hover .toolbox, .position p:hover .toolbox {display:block;}
.group-title, .block-title, .position-title {display:block;}



.icon-add-block,.icon-toggle-block,.icon-toggle-group,.icon-add-position,.icon-edit-block,.icon-delete-block,.icon-edit-position,.icon-delete-position {width:10px; height:10px; margin-left:3px; background-image:url(../images/icon-tools.png); background-repeat:no-repeat;}
.icon-add-block,.icon-add-position {background-position:0 -40px;}
.icon-collapse-group,.icon-collapse-block {background-position:0 -10px;}
.icon-edit-block,.icon-edit-position {background-position:0 -20px;}
.icon-delete-block,.icon-delete-position {background-position:0 -30px;}

.block {border:1px solid #bababa; margin:10px; background:#fff; position: relative;}
.block-handler {display: block; cursor: move; position:relative; margin:0; font-size:11px; font-weight:normal; text-transform:capitalize;}
.block-handler {background-color:#e1e1e1; padding:3px 5px; color:#333;}  
/*.block p, .position p {margin: 0; padding: 0;}*/
.position {padding:0; position:relative; margin:5px;}

.position-placeholder, .block-placeholder{border: 1px solid #bababa; padding:10px;}

.col-inner { margin:0 !important;}
 
#jv-header  .box-inner { margin-bottom:5px;} 
#jv-slide , #jv-breadcrumb, #jv-mainnav, #jv-header { margin-bottom:10px !important;}

.hasTip  { }
.ghost {border: 1px solid #bababa;}
.ghost .box  {float:left; margin:0;}
.ghost, .ghost p {margin:0; padding:0}
.ghost .toolbox {display:none;}

.icon-48-help_header {background: url('../images/help.png') no-repeat !important;}
.icon-32-active {background: url('../images/activated.png') no-repeat}
.icon-32-deactive {background: url('../images/deactivated.png') no-repeat}
.icon-32-default {background: url('../images/default.png') no-repeat !important}
/* Clearfix
-------------------------------------------------------------*/
* html .clearfix {	height: 1%;}
* +html .clearfix { display: inline-block; } /* IE7xhtml*/
html[xmlns] .clearfix { /* O */	display: block;  }
.clearfix:after { /* FF, O, etc. */	content: ".";	display: block;	height: 0;	clear: both; visibility: hidden;}

table.adminlist tbody tr.row0:hover td,table.adminlist tbody tr.row1:hover td {background-color:#ebf7f8!important;}

.theme-header th {padding:10px 0!important; border-bottom:1px solid #ccc!important;}
.theme img {float:left; margin-right:10px; border:1px solid #ccc; padding:4px; background-color:#fff;}
.theme .desc { display: block; float: left; font-weight: bold; margin-top: 57px; text-align: left;}
.assign { display: block; padding-top: 4px !important;}

#block-tabs {width:50%; float: left; background: #FFF; margin-right:30px; }
#block-tabs table.adminlist {color:#000; background-color:#fff;}
#block-tabs tr {border: none !important; background: #FFF;}
#block-tabs label {width:16%; display:block; float:left; font-weight:bold;}
#block-tabs span {float:left; width:80%;}

#block-tab1{width: 40%; float: left; background:url(../images/bg-frm.jpg) 0 100% repeat-x; border:1px solid #ddd;} 
#block-tab1 .block-tab1-bg {border:1px solid #fff; padding:15px;}
#block-tab1 table.adminlist,#block-tab1 table.adminlist tbody tr,#block-tab1 table.adminlist tbody tr td  {background:none!important;}
#block-tab1 td {border: none !important;}
#block-tab1 span.title {font-size:30px; font-weight:normal; background:url(../images/icon-mail.png) 0 50% no-repeat; padding:5px 0 5px 40px; color:#0b55c4;}
#block-tab1 textarea {height:100px; width:300px;}
#block-tab1 input.radio {border:none;}
#block-tab1 .textbox {width:300px;}

#block-tabs .button, #block-tab1 .button {background:url(../images/btn-l.png) 0 50% no-repeat; padding-left:5px; float:left; margin-right:5px; }
#block-tabs .button div, #block-tab1 .button div {background:url(../images/btn-r.png) 100% 50% no-repeat; padding:4px 5px 4px 0;}
#block-tabs .button div button, #block-tab1 .button div button {background:none; border:none; color:#fff; font-size:12px;}

.paypal {float:left;}
.paypal input {border:none;}

form.uploadform, form.update {background: #FFF!important;}
form.update table {background: none !important;}
.title { display: block; float: left; font-size: 13px; font-weight: bold; line-height: 20px; min-width: 140px;}
.radio, .radiolist {display: inline;}
.CodeMirror-wrapping {clear: both; border: 1px solid #CCCCCC; background: #FFF;}

.themeEditor div.jv-slider-content-sub { background: none repeat scroll 0 0 transparent; border: medium none !important; float: none; width: auto !important; }
.themeEditor div.editor { float: left; width: 65%; }
.themeEditor div.editor-toolbar { float: left; width: 100%; text-align: left; padding: 10px; }
.themeEditor div.editor-toolbar .inner {margin-top: 10px;}
#codeEditor {width: 95%; height: 600px; padding: 10px; margin-bottom: 10px;}


.CodeMirror-wrapping {clear: both; border: 1px solid #CCCCCC; background: #FFF; margin:10px;}
.CodeMirror-line-numbers {background-color:#f0f0f0; border-right:1px solid #ccc; width:25px; text-align:center; color:#666;}
.CodeMirror-line-numbers div {line-height:16px;}

.themeEditor div.jv-slider-content-sub { background: none repeat scroll 0 0 transparent; border: medium none !important; float: none; width: auto !important; }
.themeEditor div.editor { float: left; width: 100%; }
.themeEditor div.editor-toolbar {width: 100%; text-align: left; padding: 10px; }
.themeEditor div.editor-toolbar .inner {margin-top: 10px;}
#codeEditor {width: 95%; height: 600px; padding: 10px; margin-bottom: 10px;}

table.admintable td.key, table.admintable td.paramlist_key  {background-color:transparent!important; border-bottom:none!important; border-right:none!important;}
.paramsform {margin:15px;}
form.uploadform button {border: 1px solid #CCC;}
form.uploadform input {width: 300px;}
#editor-status {float: right; margin: 0 20px 0 0; display: block; height: 20px; line-height: 20px;}
.editor-toolbar .error {font-weight: bold; color: red;}
.editor-toolbar .success {font-weight: bold; color: green;}

h2.no-content {background: #E1E1E1 !important; color: #666666;}
div.no-content {background: #F0F0F0 !important; color: #999999;}
.icon-32-reset{background: url(../images/reset.png) no-repeat;}
.icon-32-duplicate {background: url(../images/duplicate.png) no-repeat;}

#overlay {
    top: 0;
    left: 0;
    background-color: #00050A;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 998;
}
#loading {
    background: url("../images/loading.gif") no-repeat scroll 50% 50% #1E2123;
    border: 1px solid #323537;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 15px #000000;
    color: #CCCCCC;
    font-size: 30px;
    height: 90px;
    left: 50%;
    margin-left: -45px;
    margin-top: -45px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 90px;
    z-index: 999;
}

#step {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin-top: 91px;
    text-shadow: 2px 2px 2px #000000;
}

.hidden {
    display: none;
}